<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>马蜂窝旅行者之选 - 马蜂窝</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/tourist.css">
    <link rel="stylesheet" href="./css/footer.css">
</head>

<body>

    <!-- 头部 -->
    <header class="header">
        <div class="head-logo">
            <a class="mfw-logo" href="javascript:;" title="马蜂窝自由行">
                <img src="./images/header-sprites15@2x.png" alt="">
            </a>
        </div>
        <ul class="head-left-nav">
            <li class="head-nav-item">
                <a href="./home.html" class="nav-item">首页</a>
            </li>
            <li class="head-nav-item">
                <a href="./destination.html" class="nav-item">目的地</a>
            </li>
            <li class="head-nav-item">
                <a href="./travel-strategy.html" class="nav-item">旅游攻略</a>
            </li>
            <li class="nav-sales">
                <a href="./toTravel.html" class="sales-item">去旅行</a>
                <!-- 去旅行下拉框 -->
                <ul id="nav-sales">
                    <li><a href="./toTravel.html" class="sales-li-a">自由行</a></li>
                    <li><a href="./toTravel_packageTour.html" class="sales-li-a">跟团游</a></li>
                    <li><a href="javascript:;" class="sales-li-a">当地游</a></li>
                    <li><a href="javascript:;" class="sales-li-a">游轮</a></li>
                    <li><a href="./toTravel-visa.html" class="sales-li-a">签证</a></li>
                </ul>
            </li>
            <li class="head-nav-item">
                <a href="./ticket.html" class="nav-item">机票火车票</a>
            </li>
            <li class="head-nav-item">
                <a href="./hotel.html" class="nav-item">订酒店</a>
            </li>
            <li class="nav-community">
                <a href="javascript:;" style="cursor: default;" class="community-item">社区</a>
                <!-- 社区下拉框盒子 -->
                <div class="panel-wrapper">
                    <!-- 社区下拉框盒子左侧列表 -->
                    <ul class="list-left">
                        <li><a href="javascript:;">问答</a></li>
                        <li><a href="javascript:;">马蜂窝周边</a></li>
                        <li><a href="javascript:;">蜂首</a></li>
                        <li><a href="javascript:;">结伴</a></li>
                    </ul>
                    <!-- 社区下拉框盒子右侧列表 -->
                    <ul class="list-right">
                        <li><a href="javascript:;">小组论坛</a></li>
                        <li><a href="javascript:;">分舵同城</a></li>
                        <li><a href="javascript:;">马蜂窝拍卖行</a></li>
                        <li><a href="javascript:;">照片PK</a></li>
                        <li><a href="javascript:;">真人兽</a></li>
                        <li><a href="javascript:;">道具商店</a></li>
                    </ul>
                </div>
            </li>
            <li class="head-nav-item">
                <a href="javascript:;" class="nav-item mfwzx nav-first first2">
                    <img src="./images/mfwzx_active (1).png" alt="">
                </a>
            </li>
        </ul>
        <div class="head-search">
            <input type="text">
            <i></i>
        </div>
        <ul class="head-right-nav">
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;">登录</a></li>
            <li><span>|</span></li>
            <li><a href="javascript:;">注册</a></li>
        </ul>
    </header>

    <div class="container">
        <!--头部-->
        <div class="c-top">
            <img class="bg" src="./images/c-top.png">
            <div class="top-info">
                <div class="logo">
                    <div class="logo-img"></div>
                    <div class="time">2021</div>
                </div>
                <div class="title"></div>
                <div class="row">
                    <div class="des">基于<span>4322493</span>位旅行者的真实反馈评价选出</div>
                </div>
            </div>
        </div>
        <!--头部 end-->
        <!--内容-->
        <div class="wrapper">
            <img class="w-top" src="./images/bg01.png">
            <div class="item">
                <!--tab start-->
                <div class="nav">
                    <div class="tab food active" data-type="1">美食之选</div>
                    <div class="tab hotel" data-type="2">酒店之选</div>
                    <div class="tab have_fun" data-type="21">玩乐之选</div>
                </div>
                <!--tab end-->
                <!--mdd start-->
                <div class="mdds">
                    <div class="row-line">
                        <ul id="mdds">
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>北京</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>上海</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>成都</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>三亚</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>重庆</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>厦门</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>杭州</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>丽江</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>西安</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>广州</h3>
                                            <div class="desc">10家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="box">
                                        <canvas class="canvas"></canvas>
                                        <canvas class="cover"></canvas>
                                        <div class="info">
                                            <h3>贵州</h3>
                                            <div class="desc">15家上榜餐厅</div>
                                        </div>
                                    </div>
                                </a>
                            </li>

                        </ul>
                        <div class="more">加载更多</div>
                    </div>
                </div>
                <!--mdd start-->
                <!--foot start-->
                <div class="mfwzx">
                    <div class="logo"></div>
                    <h3 class="title">什么是马蜂窝旅行者之选？</h3>
                    <p>马蜂窝旅游网面向中国旅行者推出的年度优选榜单。该榜单基于年度旅游大数据和亿万用户的真实旅行体验，以游记、攻略、笔记、视频
                        、问答和点评等海量旅游内容为依托，精选全球值得体验的景点、酒店、餐厅，为用户提供高品质的旅游消费参考。</p>
                </div>
                <!--foot end-->
            </div>
        </div>
        <!--内容 end-->
    </div>

    <!-- 底部 -->
    <footer>
        <div class="ft-content">
            <!-- ul加二维码 -->
            <div class="ft-info">
                <dl>
                    <dt>马蜂窝旅游网</dt>
                    <dd>中国年轻代用得更多的旅游网站</dd>
                    <dd>上亿旅行者共同打造的<span>"旅行神器"</span></dd>
                    <dd><span>60,000</span> 多个全球旅游目的地</dd>
                    <dd><span>600,000</span> 个细分目的地新玩法</dd>
                    <dd><span>760,000,000</span> 次攻略下载</dd>
                    <dd><span>38,000</span> 家旅游产品供应商</dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><span>关于马蜂窝</span><span>联系我们</span></dd>
                    <dd><span>隐私政策</span><span>商标声明</span></dd>
                    <dd>服务协议</dd>
                    <dd>商城平台服务协议</dd>
                    <dd>网络信息侵权通知指引</dd>
                    <dd>马蜂窝旅游网服务监督员</dd>
                    <dd>网站地图<span>加入马蜂窝</span></dd>
                </dl>
                <dl>
                    <dt>旅行服务</dt>
                    <dd>旅游攻略</dd>
                    <dd>酒店预订</dd>
                    <dd>旅游特价</dd>
                    <dd>国际租车</dd>
                    <dd>旅游问答</dd>
                    <dd>旅游保险</dd>
                    <dd>旅游指南</dd>
                    <dd>订火车票</dd>
                    <dd>旅游资讯</dd>
                    <dd>APP下载</dd>
                    <dd><span>旅行商城全球商家入驻</span></dd>
                </dl>
                <div class="pic">
                    <div class="pic-1">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90"
                            alt="">
                        <p>马蜂窝APP<br>扫描立即下载</p>
                    </div>
                    <div class="pic-2">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90"
                            alt="">
                        <p>马蜂窝旅游<br>订阅号</p>
                    </div>
                    <div class="pic-3">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90"
                            alt="">
                        <p>马蜂窝良品<br>官方服务号</p>
                    </div>
                </div>
            </div>

            <!-- 旅游之前,先上马蜂窝! -->
            <div class="ft-center">
                <p>旅游之前,先上马蜂窝!</p>
                <ul>
                    <li><a href="#"><i></i></a></li>
                    <li><a href="#"><i></i></a></li>
                </ul>

            </div>

            <!-- 底部信息 -->
            <div class="ft-copyright">
                <div class="ft-copyright-top">
                    <div class="left"></div>
                    <p>@ 2021 Mafengwo.cn 京ICP备11015476号。<img
                            src="https://images.mafengwo.net/images/footer/police_record.png">京公网安备11010502013401号京ICP证110318号
                    </p>
                    <pre>网络出版服务许可证 增值电信业务经营许可证 营业执照广 播电视节目制作经营许可证 网络文化许可证 网上有害信息举报专区 帮助中心</pre>
                    <p>违法和不良信息举报电话: 010- 83416877举报邮箱: mfwjubao@mafengwo.com涉末成年人不良信息专用举报邮箱:
                        wcnjubao@mafengwo.com全国旅游投诉电话: 12301</p>
                    <p>马蜂窝客服 : 国内<span>4006 345-678</span> 海外 <span>+86- 10-8341-6888</span></p>
                </div>
                <!-- 三张图片 -->
                <div class="ft-copyright-bottom">
                    <a href="#"><span class="p1"></span></a><a href="#"><span class="p2"></span></a><a href="#"><span
                            class="p3"></span></a>
                </div>
            </div>
        </div>
       
    </footer>

</body>
<script src="./js/jQuery.js"></script>
<script src="./js/header.js"></script>
<script src="./js/footer.js"></script>
<script src="./js/tourist.js"></script>

</html>